<template>
  <div class="loading-container" v-show="visible">
    <div class="loading">
      <iconfont icon="loading"/>
    </div>
  </div>
</template>

<style lang="stylus" scoped>
@keyframes loading
  from
    transform rotate(0deg)
  to
    transform rotate(360deg)
.loading-container
  position absolute
  top 0
  left 0
  bottom 0
  right 0
  background-color rgba(255, 255, 255, 0.86)
  .loading
    position absolute
    top 50%
    left 50%
    font-size 45px
    color #666
    transform translate(-50%, -50%)
    animation loading 1.5s infinite linear
</style>
